{% extends "layouts/base.html" %}
{% load i18n l10n %}

{% block content %}
<div class="container mt-5">
  <div class="card shadow-lg p-4">
    <h2 class="text-center mb-4">{% trans "Alterar Sexo" %}</h2>

    <p class="text-center mb-3">
      {% trans "Personagem:" %} <strong>{{ char_name }}</strong>
    </p>

    <p class="text-center mb-3">
      {% trans "Preço do serviço:" %} <strong>R${{ price }}</strong>
    </p>

    <form method="POST">
      {% csrf_token %}
      <div class="form-group">
        <label for="sex">{% trans "Novo Sexo" %}</label>
        <select name="sex" id="sex" class="form-control" required>
          <option value="M">{% trans "Masculino" %}</option>
          <option value="F">{% trans "Feminino" %}</option>
        </select>
      </div>
      <button type="submit" class="btn btn-primary w-100 mt-3">{% trans "Alterar Sexo" %}</button>
    </form>

    {% if messages %}
      <div class="mt-4">
        {% for message in messages %}
          <div class="alert alert-{{ message.tags }}">{{ message }}</div>
        {% endfor %}
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}
